.Header {
  height: 50px;
  padding: 0 @padding-md;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: @color-white;
  border-bottom: 1px solid @border-color-base;
}

.left {
  width: 173px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.center {
  span {
    margin-right: @margin-sm;
  }
}

.opt-icon {
  display: flex;
  align-items: center;
}

.icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 24px;
  background: @background-area;
  border: 1px solid @border-color-base;
  cursor: pointer;
}

.active {
  background: @primary-color;
  border: 1px solid @primary-color;
  color: @color-white;
}

.icon-color {
  color: @color-white;
}

.icon-size {
  width: 24px;
  height: 24px;
}
